// --------------------------------------------------
// 辅助样式
// @Author: steven.wjx
// @Date:   2020-03-05 13:17:50
// --------------------------------------------------

.clearfix {
    @include clearfix();
}

.#{$ui-name}pull-right {
    float: right !important;
}

.#{$ui-name}pull-left {
    float: left !important;
}

.#{$ui-name}text-left {
    text-align: left !important;
}

.#{$ui-name}text-right {
    text-align: right !important;
}

.#{$ui-name}text-center {
    text-align: center !important;
}

.#{$ui-name}text-cut {
    word-wrap: normal;
    /* for IE */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

// Toggling content
// -------------------------

// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
.#{$ui-name}hide,
[hidden] {
    display: none !important;
}

.#{$ui-name}show {
    display: none !important;
}

.#{$ui-name}affix {
    position: fixed;
}

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.#{$ui-name}img {
    max-width: 100%;
    height: auto;
    display: block;
}

//
// Screenreaders
//
.sr-only {
    @include sr-only();
}

.sr-only-focusable {
    @include sr-only-focusable();
}

.#{$ui-name}bg-default {
    color: $font-color;
    background-color: $bg-color!important;
}

.#{$ui-name}bg-primary {
    color: #fff;
    background-color: $primary-color!important;
}

.#{$ui-name}bg-info {
    color: #fff;
    background-color: $info-color!important;
}

.#{$ui-name}bg-warning {
    color: #fff;
    background-color: $warning-color!important;
}

.#{$ui-name}bg-success {
    color: #fff;
    background-color: $success-color!important;
}

.#{$ui-name}bg-danger {
    color: #fff;
    background-color: $danger-color!important;
}

.#{$ui-name}text-secondary {
    color: $text-color-secondary!important;
}

.#{$ui-name}text-primary {
    color: $primary-color!important;
}

.#{$ui-name}text-info {
    color: $info-color!important;
}

.#{$ui-name}text-warning {
    color: $warning-color!important;
}

.#{$ui-name}text-success {
    color: $success-color!important;
}

.#{$ui-name}text-danger {
    color: $danger-color!important;
}